import React, { memo } from "react";

import BannerTop from "./r-page/banner-top";
import HotCommend from "./r-page/hot-recommend";
import NewAlbum from "./r-page/newAlbum";
import TopList from "./r-page/toplist";
import LoginBox from "./r-page/login-box";
import RzSinger from "./r-page/rz-singer";
import Hotdjprogram from "./r-page/hot-djprogram";

import { RecommendWrap, Content, RecommendLeft, RecommendRight } from "./style";

export default memo(function Recommend() {
  return (
    <RecommendWrap>
      <BannerTop />
      <Content className="wrap-v2">
        <RecommendLeft>
          <HotCommend />
          <NewAlbum />
          <TopList />
        </RecommendLeft>
        <RecommendRight>
          <LoginBox />
          <RzSinger />
          <Hotdjprogram />
        </RecommendRight>
      </Content>
    </RecommendWrap>
  );
});
